<?php App::Hook('UI')->Render('home_content_area_A'); ?>
<?php App::Hook('UI')->Render('home_content_area_B'); ?>
<?php App::Hook('UI')->Render('home_content_area_C'); ?>
<?php App::Hook('UI')->Render('home_content_area_D'); ?>
<div class="slider wide home-switcher-presentation">
                <ul class="images">
                    <li>
                        <a href="<?php echo $this->skinUrl('/images/');?>samples/wide-slider-1.jpg" rel="lightbox"><img src="<?php echo $this->skinUrl('/images/');?>samples/wide-slider-1.jpg" alt="" /><span class="gloss"></span></a>
                        
                        <div class="desc left">
                            <h2>How to create lorem ipsum</h2>
                            <p>Lorem ipsum dolor sit amet enim. Etiam ullamcorper Suspendisse a pellentesque dui, nous eu, luctus et interdum adip</p>
                            <a href="#" class="button style-2 alignleft">Read more!</a>
                        </div>
                    </li>
                    <li>
                        <a href="<?php echo $this->skinUrl('/images/');?>samples/wide-slider-2.jpg" rel="lightbox"><img src="<?php echo $this->skinUrl('/images/');?>samples/wide-slider-2.jpg" alt="" /><span class="gloss"></span></a>
                        
                        <div class="desc left">
                            <h2>How to create lorem ipsum</h2>
                            <p>Lorem ipsum dolor sit amet enim. Etiam ullamcorper Suspendisse a pellentesque dui, nous eu, luctus et interdum adip</p>
                            <a href="#" class="button style-2 alignleft">Read more!</a>
                        </div>
                    </li>
                    <li>
                        <a href="<?php echo $this->skinUrl('/images/');?>samples/wide-slider-3.jpg" rel="lightbox"><img src="<?php echo $this->skinUrl('/images/');?>samples/wide-slider-3.jpg" alt="" /><span class="gloss"></span></a>
                        
                        <div class="desc left">
                            <h2>How to create lorem ipsum</h2>
                            <p>Lorem ipsum dolor sit amet enim. Etiam ullamcorper Suspendisse a pellentesque dui, nous eu, luctus et interdum adip</p>
                            <a href="#" class="button style-2 alignleft">Read more!</a>
                        </div>
                    </li>
                    <li>
                        <a href="<?php echo $this->skinUrl('/images/');?>samples/wide-slider-4.jpg" rel="lightbox"><img src="<?php echo $this->skinUrl('/images/');?>samples/wide-slider-4.jpg" alt="" /><span class="gloss"></span></a>
                        
                        <div class="desc left">
                            <h2>How to create lorem ipsum</h2>
                            <p>Lorem ipsum dolor sit amet enim. Etiam ullamcorper Suspendisse a pellentesque dui, nous eu, luctus et interdum adip</p>
                            <a href="#" class="button style-2 alignleft">Read more!</a>
                        </div>
                    </li>
                </ul>
                <!-- .images - end -->
                <div class="displays-border"><div class="center"><div class="left-cap"></div><div class="right-cap"></div></div></div>
                <ul class="slider-pagination bottom-middle">
                    <li class="current"><a href="#">1</a></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
                    <li><a href="#">4</a></li>
                </ul>
            </div>
            <!-- .slider.wide - end -->

            <div class="columns">
                <div class="fourth">
                    <div class="columns">
                        <div class="third">
                            <img src="<?php echo $this->skinUrl('/images/');?>icons/world.png" alt="world class image" />
                        </div>
                        <div class="two-third">
                            <h2><span><a href="#">World class</a></span></h2>
                            <p style="text-align: left;">Our focus is on turning our clients' ideas into reality from managing the clients.</p>
                        </div>
                    </div>
                </div>
                <div class="fourth">
                    <div class="columns">
                        <div class="third">
                            <img src="<?php echo $this->skinUrl('/images/');?>icons/time.png" alt="time saver image" />
                        </div>
                        <div class="two-third">
                            <h2><a href="#">Time saver</a></h2>
                            <p style="text-align: left;">It is established with the objective of facilitating and guiding all Professional.</p>
                        </div>
                    </div>
                </div>
                <div class="fourth">
                    <div class="columns">
                        <div class="third">
                            <img src="<?php echo $this->skinUrl('/images/');?>icons/stats.png" alt="best statistics image" />
                        </div>
                        <div class="two-third">
                            <h2><span><a href="#">Best stats</a></span></h2>
                            <p style="text-align: left;">We foster these through cooperative management approach that is reinforced.</p>
                        </div>
                    </div>
                </div>
                <div class="fourth">
                    <div class="columns">
                        <div class="third">
                            <img src="<?php echo $this->skinUrl('/images/');?>icons/geolocalization.png" alt="geo localization image" />							
                        </div>
                        <div class="two-third">
                            <h2><span><a href="#">Geolocation</a></span></h2>
                            <p style="text-align: left;">Operational packages to the management of the projects and assisting the clients.</p>
                        </div>
                    </div>
                </div>
            </div>

            <!-- .highlights - end -->
            <div class="separator"></div>
            <div class="columns">
                <div class="two-third">					
                    <h3 style="font-size: 1.7em;">This teheme with custom Aadmin Control Panel <br />is so simple you can't do anything wrong. Addictively easy-to-use.</h3>
                </div>
                <div class="third">
                    <a href="#" class="button chilli-default no-arrow alignright"><strong>Rates!</strong></a>
                    <a href="#" class="button style-2 no-arrow alignright">Our Services</a>
                </div>
            </div>
            <div class="separator"></div>

            <h2>What we do?</h2>
            <div class="columns">
                <div class="third">
                    <p>Lorem ipsum dolor sit amet enim. <a href="#">Etiam ullamcorper</a> Suspendisse a pellentesque dui, non felis. Maecenas male uada elit lectus felis, malesuada ultricies. </p>
                    <p>Curabitur et ligula. Ut <a href="#">molestie</a> a, ultricies porta urna. Vestibulum commodo volutpat a, convallis ac, laoreet enim. Phasellus fermentum in, dolor. Pellentesque facili sis. Nulla imperdiet sit amet magna. Vestibulum dap bus, mauris nec malesuada fames ac turpis velit at sien</p>
                </div>
                <div class="third">
                    <p>Lorem ipsum dolor sit amet enim. Etiam ullamcorper Suspendisse a pellentesque dui, non felis. Maecenas male uada elit lectus felis, malesuada ultricies. Curabitur et ligula. Ut molestie a, ultricies porta urna. <a href="#">Vestibulum</a> commodo volutpat a, convallis ac, laoreet enim. Pha sellus fermentum in, dolor. Pellentesque facilisis. </p>
                    <p>Nulla imperdiet sit amet magna. Vestibulum dapibus mauris nec malesuada fames ac turpis velit, rhoncususe</p>
                </div>
                <div class="third">
                    <p>Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse. Maecenas malesuada elit lectus felis, <a href="#">malesuada ultricies</a>. Ut molestie, ultricies porta urna. </p>
                    <p>Vestibulum commodo volutpat malesuada elit.</p>
                    <a href="#" class="button style-2 wide">Read more about us</a>
                </div>
            </div>
            <span class="separator"></span>
            <div class="columns">
                <div class="two-third">
                    <div class="columns">
                        <div class="half">
                            <h2>Why us?</h2>
                            <p>Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, nonutpat a, convallis ac, laoreet enim. Phasellus fermentum in, d felis.</p>
                            <p>Maecenas male uada elit lectus felis.</p>
                            <a href="#" class="button chilli-default wide">Submit your <strong>Trial Jobs</strong> for Free!</a>
                        </div>
                        <div class="half">
                            <h2>Our skills</h2>
                            <ul class="style check-3">
                                <li>Website design amp; development</li>
                                <li>Information architecture</li>
                                <li>Photoshop amp; Illustrator</li>
                                <li>Logo amp; Identity design</li>
                                <li>Usability consultation</li>
                                <li>HTML, XHTML, CSS</li>
                            </ul>
                        </div>
                    </div>
                    <span class="separator"></span>
                </div>
                <div class="third">
                    <?php echo $this->callElement("default/common/testimonial"); ?>
                    <!-- testimonials - end -->
                </div>
            </div>
            
            <div class="columns">
                <div class="two-third">
                    <h2>Featured Services</h2>
                    <div class="success-stories">
                        <ul class="items">
                            
                <li>
                    <div class="slider displays small" style="width: 300px; ">
                        <ul class="images">
                            <li>
                                <div class="item">
                                    <a href="<?php echo $this->skinUrl('/images/');?>samples/pure-slider-1.jpg" rel="lightbox"><img src="<?php echo $this->skinUrl('/images/');?>samples/pure-slider-1.jpg" alt="" width="180" height="110" /><span class="gloss"></span></a>
                                    <div class="desc bottom">
                                        <h2>How to create lorem ipsum</h2>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="item" >
                                    <a href="<?php echo $this->skinUrl('/images/');?>samples/pure-slider-2.jpg" rel="lightbox"><img src="<?php echo $this->skinUrl('/images/');?>samples/pure-slider-2.jpg" alt="" width="240" height="150" /><span class="gloss"></span></a>
                                    <div class="desc bottom">
                                        <h2>How to create lorem ipsum</h2>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="item">
                                    <a href="<?php echo $this->skinUrl('/images/');?>samples/pure-slider-2.jpg" rel="lightbox"><img src="<?php echo $this->skinUrl('/images/');?>samples/pure-slider-2.jpg" alt="" width="180" height="110" /><span class="gloss"></span></a>
                                    <div class="desc right">
                                        <h2>How to create lorem ipsum</h2>
                                    </div>
                                </div>
                            </li>
                        </ul>
                        <!-- .images - end -->
                        <ul class="slider-nav">
                            <li class="prev"><a href="#">prev</a></li>
                            <li class="next"><a href="#">next</a></li>
                        </ul>
                    </div>
                    <div class="desc">
                        <h3><a href="#">Clipping Path</a></h3>
                        <p><a href="#">Clipping Path Service</a> is an energetic multidisciplinary professional services and management consultancy company... <a href="#">Keep reading</a>.</p>
                    </div>
                </li>
                <li>
                    <div class="slider displays small" style="width: 300px; ">
                        <ul class="images">
                            <li>
                                <div class="item">
                                    <a href="<?php echo $this->skinUrl('/images/');?>samples/pure-slider-1.jpg" rel="lightbox"><img src="<?php echo $this->skinUrl('/images/');?>samples/pure-slider-1.jpg" alt="" width="180" height="110" /><span class="gloss"></span></a>
                                    <div class="desc bottom">
                                        <h2>How to create lorem ipsum</h2>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="item" >
                                    <a href="<?php echo $this->skinUrl('/images/');?>samples/pure-slider-2.jpg" rel="lightbox"><img src="<?php echo $this->skinUrl('/images/');?>samples/pure-slider-2.jpg" alt="" width="240" height="150" /><span class="gloss"></span></a>
                                    <div class="desc bottom">
                                        <h2>How to create lorem ipsum</h2>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="item">
                                    <a href="<?php echo $this->skinUrl('/images/');?>samples/pure-slider-2.jpg" rel="lightbox"><img src="<?php echo $this->skinUrl('/images/');?>samples/pure-slider-2.jpg" alt="" width="180" height="110" /><span class="gloss"></span></a>
                                    <div class="desc right">
                                        <h2>How to create lorem ipsum</h2>
                                    </div>
                                </div>
                            </li>
                        </ul>
                        <!-- .images - end -->
                        <ul class="slider-nav">
                            <li class="prev"><a href="#">prev</a></li>
                            <li class="next"><a href="#">next</a></li>
                        </ul>
                    </div>
                    <div class="desc">
                        <h3><a href="#">Image Masking</a></h3>
                        <p><a href="#">Image Masking</a> is an energetic multidisciplinary professional services and management consultancy company... <a href="#">Keep reading</a>.</p>
                    </div>
                </li>
            </ul>
            <ul class="slider-nav">
                <li class="prev"><a href="#">prev</a></li>
                <li class="next"><a href="#">next</a></li>
            </ul>		
        </div>		
        <!-- success stories - end -->
        <span class="separator"></span>
        <div class="columns">
            <div class="three-fourth">
            <h3 style="font-size: 16pt;">Need any help? We are 24x7 open to assistance <br />
            <span style="color: #982e44;">Call us now</span> and arrange a meeting <span style="color: #982e44;">880-1111-123654</span></h3>
            </div>
            <div class="fourth">
                <img src="<?php echo $this->skinUrl('/images/');?>icons/phone.png" alt="" class="alignright" />
            </div>
        </div>
        
    </div>
    <div class="third">
            <?php  echo $this->callElement("default/common/shortcontact"); ?>
                    

                </div>
            </div>
        </div>